<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="./template/template.xhtml">

            <ui:define name="content">
              <table cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="720" valign="top"><table width="100%" height="230" class="blue_border1px" bgcolor="#ffffff">
                      <tr>
                        <td align="center" valign="top"><table width="100%" border="0" cellspacing="7" cellpadding="0">
                          <tr>
                            <td width="341" align="left" valign="top"><table>
                              <tr>
                                <td></td>
                              </tr>
                            </table>
                              <div align="center"><span class="blue8pt_bold"></span></div>
                              <table width="324" cellpadding="0" cellspacing="0" class="darkgrey_border1px" bgcolor="F3F3F3">
                                <tr>
                                    <td width="320" height="300" align="center" valign="middle"><img src='resources/#{realEstateController.selected.imageURL}' name='theImage' width="300" height="290" id='theImage'/></td>
                                </tr>
                                <tr>
                                  <td height="25" align="left" valign="middle" background="images/nut_59.gif"><table width="320" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                      <td width="20" align="right" valign="middle">&nbsp;</td>
                                      <td width="70">&nbsp;</td>
                                      <td align="center" valign="middle"><h:outputText value="#{realEstateTypeController.findByID(realEstateController.selected.realEstateTypeID.realEstateTypeID).name}"/></td>
                                      <td width="70" align="right" valign="middle">&nbsp;</td>
                                      <td width="20" align="left" valign="middle">&nbsp;</td>
                                    </tr>
                                  </table></td>
                                </tr>
                              </table>
                              <table width="100%" cellpadding="0" cellspacing="0">
                                <tr>
                                  <td width="27"><img src="images/dthoai_38.gif" /></td>
                                  <td width="7"><h:outputText value="#{contactPersonController.findByID(realEstateController.selected.contactPersonID.contactPersonID).mobile}"/></td>
                                  <td valign="middle">&nbsp; &nbsp; &nbsp; <img src="images/buddy.gif" align="absmiddle" />&nbsp;<h:outputText value="#{contactPersonController.findByID(realEstateController.selected.contactPersonID.contactPersonID).name}"/></td>
                                </tr>
                                <tr>
                                  <td height="5"></td>
                                </tr>
                                <tr>
                                  <td align="center"><img src="images/icon_emailB.gif" /></td>
                                  <td width="7"><h:outputText value="#{contactPersonController.findByID(realEstateController.selected.contactPersonID.contactPersonID).email}"/></td>
                                  <td>&nbsp;</td>
                                </tr>
                              </table></td>
                            <td width="100%" align="left" valign="top"><table width="100%" border="0" cellspacing="10">
                              <tr>
                                <td colspan="2"></td>
                              </tr>
                              <tr>
                                <td colspan="2"><span class="blue8pt_bold"><h:outputText value="#{realEstateController.selected.title}"/></span></td>
                              </tr>
                              
                            <tr>
                                                                <td colspan="2" align="right">
                                                                    <span class="blue8pt_bold">
                                                                        Add Date :
                                                                    </span>          
                                                                    <h:outputText value="#{realEstateController.selected.addDate}"/>
                                                                </td>
                                                            </tr>
                              <tr>
                                <td colspan="2"><table cellpadding="0" cellspacing="0">
                                  <tr>
                                    <td><span class="blue8pt_bold">Price :&nbsp;</span><h:outputText value="#{realEstateController.selected.price}"/></td>
                                    <td nowrap="nowrap">  </td>
                                    <td><h:outputText value="#{realEstateController.selected.priceType}"/></td>
                                  </tr>
                                </table></td>
                              </tr>
                              <tr>
                                <td><span class="blue8pt_bold"> House Type :</span><h:outputText value="#{houseTypeController.findByID(realEstateController.selected.houseTypeID.houseTypeID).name}"/></td>
                                <td>&nbsp;</td>
                              </tr>
                              <tr>
                                <td><span class="blue8pt_bold"> City :</span><h:outputText value="#{citiesController.findByID(realEstateController.selected.cityID.cityID).name}"/> &nbsp;</td>
                              </tr>
                              <tr>
                                <td colspan="2"><span class="blue8pt_bold"> Location :</span> <h:outputText value="#{contactPersonController.findByID(realEstateController.selected.contactPersonID.contactPersonID).email}"/>&nbsp;</td>
                              </tr>
                              <tr>
                                <td><span class="blue8pt_bold"> Bedrooms
                                  : </span><h:outputText value="#{realEstateController.selected.noOfBedrooms}"/></td>
                                <td><span class="blue8pt_bold"> Bathrooms
                                  : </span><h:outputText value="#{realEstateController.selected.noOfBathrooms}"/></td>
                              </tr>
                              <tr>
                                <td colspan="2"><span class="blue8pt_bold"> Deposit :</span><h:outputText value="#{realEstateController.selected.deposit}"/></td>
                              </tr>
                              <tr>
                                <td colspan="2"><span class="blue8pt_bold"><img src="images/checkmark_green.gif" alt="" />Mode Of Payment :</span><h:outputText value="#{realEstateController.selected.modeOfPayment}"/></td>
                              </tr>
                            </table></td>
                          </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td colspan="3"><table width="100%" cellpadding="0" cellspacing="0">
                          <tr>
                            <td height="30" background="images/Listing_desc.gif">&nbsp;&nbsp;<span class="post_title_blue"> Description </span></td>
                          </tr>
                          <tr>
                            <td align="center" valign="top"><table width="98%" border="0" cellspacing="8" cellpadding="8">
                              <tr>
                                <td><div align="justify"><h:outputText value="#{realEstateController.selected.briefeDescription}"/></div></td>
                              </tr>
                            </table></td>
                          </tr>
                        </table></td>
                      </tr>
                    </table></td>
                    <td width="226" valign="top"><table width="100%" cellpadding="5" cellspacing="0" class="grey_border1px">
                      <tr>
                        <td background="images/cat9_7.jpg" align="center" height="568" width="220"><img src="images/Metvuong Logo.gif" alt="" /><br />
                          <br />
                          <br /></td>
                      </tr>
                    </table></td>
                  </tr>
              </table>
            </ui:define>

        </ui:composition>

    </body>
</html>
